﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="shiyan782.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>1-Registration Form的输入验证问题</title>

    <style >
         .label_style {
           
            width: 100px;
            margin-bottom: 15px;
            margin-right:15px;
            text-align:right;
            display: inline-block;
        }
          .div_content {
            border: solid #000000; /*设置边框样式跟颜色*/
            border-width: 1px; /*设置边框宽度*/
            width: 630px; /*设置div宽度*/
            height: 650px; /*设置div高度*/
            margin: 0 auto; /*设置div居中*/
        }

    </style>
</head>


<body>
    <form id="form1" runat="server">
        <div class="div_content">
            <h2 style="font-weight:bold;margin:30px;">Registration Form</h2>

                <asp:Label  runat="server" class="label_style" >User id:</asp:Label>
                <asp:TextBox ID="user_id" runat="server" Width="150px" ></asp:TextBox>  
                    <asp:RequiredFieldValidator  runat="server"
            	           ControlToValidate="user_id"
                            ErrorMessage="Required "
                            ForeColor ="Red">
                     </asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator 
                        ControlToValidate="user_id"
                        ID="RegularExpressionValidator1"
                        ValidationExpression="\S{5,12}" 
                        runat="server" 
                        ErrorMessage="must be of length 5 to 12"
                         ForeColor ="Red">
                    </asp:RegularExpressionValidator>
            <br />

                <asp:Label  runat="server"  class="label_style" >Password:</asp:Label>
                <asp:TextBox ID="password_id" type="password" runat="server" Width="150px"></asp:TextBox>
                    <asp:RequiredFieldValidator  runat="server"
            	         ControlToValidate="password_id"
                         ErrorMessage="Required "
                         ForeColor ="Red">
                     </asp:RequiredFieldValidator>
                     <asp:RegularExpressionValidator 
                        ControlToValidate="password_id"
                        ValidationExpression="\S{7,12}" 
                        runat="server" 
                        ErrorMessage="must be of length 7 to 12"
                        ForeColor ="Red">
                    </asp:RegularExpressionValidator>
            <br />

                <asp:Label  runat="server"  class="label_style" >Name:</asp:Label>
                <asp:TextBox ID="name_id" runat="server" Width="350px"></asp:TextBox>
                    <asp:RequiredFieldValidator  runat="server"
            	         ControlToValidate="name_id"
                         ErrorMessage="Required "
                         ForeColor ="Red">
                     </asp:RequiredFieldValidator>
                     <asp:RegularExpressionValidator 
                        ControlToValidate="name_id"
                        ValidationExpression="^[a-zA-Z]+$" 
                        runat="server" 
                        ErrorMessage="alphabates only"
                         ForeColor ="Red">
                    </asp:RegularExpressionValidator>
            <br />

                <asp:Label  runat="server" class="label_style">Address:</asp:Label>
                <asp:TextBox ID="address_id" runat="server" Width="350px"></asp:TextBox>
            <br />

                <asp:Label  runat="server" class="label_style" >Country:</asp:Label>
                <asp:DropDownList  ID="country_id" runat="server" Width="200px" >
                     <asp:ListItem>(Please select a country)</asp:ListItem>
                    <asp:ListItem>China</asp:ListItem>
                    <asp:ListItem>US</asp:ListItem>
                    <asp:ListItem>France</asp:ListItem>
                    <asp:ListItem>Singapore</asp:ListItem>
                    <asp:ListItem>Chile</asp:ListItem>
                </asp:DropDownList>
                       
                    <asp:RegularExpressionValidator 
                        ControlToValidate="country_id"
                        ValidationExpression="[{China,US,France,Singapore,Chile}]+$"
                        runat="server" 
                        ErrorMessage="Please select a country"
                        ForeColor ="Red">
                     </asp:RegularExpressionValidator>

            <br />
                
                <asp:Label  runat="server" class="label_style">ZIP Code:</asp:Label>
                <asp:TextBox ID="zip_code_id" runat="server" Width="150px"></asp:TextBox>
                    <asp:RequiredFieldValidator  runat="server"
            	         ControlToValidate="zip_code_id"
                         ErrorMessage="Required."
                         ForeColor ="Red">
                     </asp:RequiredFieldValidator>
                     <asp:RegularExpressionValidator 
                        ControlToValidate="zip_code_id"
                        ValidationExpression="^[0-9]+$" 
                        runat="server" 
                        ErrorMessage="Must be numeric only"
                         ForeColor ="Red">
                    </asp:RegularExpressionValidator>
            <br />

                <asp:Label  runat="server" class="label_style">Email:</asp:Label>
                <asp:TextBox ID="email_id" runat="server" Width="350px"></asp:TextBox>
                    <asp:RequiredFieldValidator  runat="server"
            	         ControlToValidate="email_id"
                         ErrorMessage="Required."
                         ForeColor ="Red">
                     </asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator 
                        ControlToValidate="email_id"
                       ValidationExpression="^[a-zA-Z0-9]{1,}@[a-zA-Z0-9]{1,}.(com|net|org|edu|mil|cn|cc)$"
                        runat="server" 
                        ErrorMessage="Must be a valid email."
                        ForeColor ="Red">
                    </asp:RegularExpressionValidator>
            <br />

                <asp:Label  runat="server" class="label_style">sex:</asp:Label>
                <asp:RadioButton id="male"  runat="server" GroupName="male" Checked="true" Text="Male" />
                <asp:RadioButton id="female" runat="server"  GroupName="male" Text="FeMale"/>
                   <asp:CustomValidator  
                        runat="server" ForeColor="Red" 
                        ErrorMessage="Required." 
                        OnServerValidate="radio_valid">
                    </asp:CustomValidator>
            <br />
               
                <asp:Label  runat="server" class="label_style">Language:</asp:Label>
                <asp:CheckBox id="CheckBox_English"  Checked="true" runat="server" Text="English"/>
                <asp:CheckBox id="CheckBox_non_English"  runat="server" Text="Non English"/>
                    <asp:CustomValidator 
                        id ="checkbox_warning"
                        runat="server" ForeColor="Red" 
                        OnServerValidate="checkbox_valid"
                        ErrorMessage="Required." >
                    </asp:CustomValidator>
        
            <br />

                <asp:Label  runat="server" class="label_style">About:</asp:Label>
                <asp:TextBox ID="about_id" runat="server" Height="99px" Width="350px"></asp:TextBox>
                     
            <br />

                <div style="text-align:center ;margin-top:15px;"> <asp:Button runat="server"  Text="Submit" Height="38px" Width="93px" /></div>
        
        </div>
    </form>

   
</body>
</html>

